<!DOCTYPE html>
<html>
<head>
    <title>账户管理</title>
    <#include "/header.html">

    <script src="${request.contextPath}/statics/plugins/ztree/jquery.ztree.core.js"></script>
    <script src="${request.contextPath}/statics/plugins/ztree/jquery.ztree.exhide.js"></script>
    <script src="${request.contextPath}/statics/plugins/ztree/fuzzysearch.js"></script>
    <script src="${request.contextPath}/statics/libs/bootstrap-datetimepicker.min.js"></script>
    <script src="${request.contextPath}/statics/libs/ajaxupload.js"></script>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="form-inline" style="padding: 5px 0px;">
            <div class="col-sm-1" style="padding-left:5px;padding-right:5px;">
                <select v-model="q.key" class="form-control" name="selQueryKey" id="selQueryKey">
                    <option value="">查询条件</option>
                    <option :value="list.code" v-for="(list,index) in searchKeyDictInfo" :key="index">{{ list.value }}
                    </option>
                </select>
            </div>
            <div class="col-sm-2" style="padding-left:5px;padding-right:0px;">
                <div class="input-group">
                <input type="text" class="form-control" v-model="q.value" @keyup.enter="query" placeholder="输入查询内容">
                <span class="input-group-btn">
                    <a id="inputClear" class="glyphicon glyphicon-remove btn btn-default form-control-feedback"
                   style="pointer-events: auto;"></a>
                    </span>
                </div>
            </div>
            <div class="btn-group">
            <a class="btn btn-primary" @click="query" style="margin-left:10px;"><i class="fa fa-search"></i>&nbsp;查询</a>

            <#if shiro.hasPermission("water:taccountmanage:save")>
                <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
            </#if>
            <#if shiro.hasPermission("water:taccountmanage:update")>
                <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
            </#if>
            <#if shiro.hasPermission("water:taccountmanage:delete")>
                <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
            </#if>
            <a class="btn btn-primary" @click="outxls"><i class="fa fa-download"></i>&nbsp;导出</a>
            <script>hasSaveOrUpdatePermission = false;</script>
            <#if shiro.hasPermission("water:taccountmanage:update")>
            <script>hasSaveOrUpdatePermission = true;</script>
                <!--<a class="btn btn-primary" @click="download"><i class="fa fa-file-excel-o"></i>&nbsp;下载模板</a>-->
                <a class="btn btn-primary" id="upload"><i class="fa fa-upload"></i>&nbsp;导入模板</a>
                <a class="btn btn-danger" @click="calDevCount"><i class="fa fa-calculator"></i>&nbsp;计算设备数</a>
                <a class="btn btn-danger" @click="syncData"><i class="fa fa-calculator"></i>&nbsp;同步无磁数据</a>
                <a class="btn btn-danger" @click="syncDataGX"><i class="fa fa-calculator"></i>&nbsp;同步冠翔数据</a>
            </#if>
</div>
            </div>
            <div id="content" class="row-fluid">
                <div class="col-md-2 panel panel-default">
                    <input type="text" id="treeSearchKey" value="" class="empty" placeholder="请输入关键字"/>
                    <ul id="deptTreeLeft" class="ztree"></ul>
                </div>
                <div class="col-md-10">
                    <table id="jqGrid"></table>
                    <div id="jqGridPager"></div>
                </div>
            </div>
</div>

<div v-show="!showList" class="panel panel-default">
    <div class="panel-heading">{{title}}
        <span class="label label-success" v-if="tAccountManage.proName">[{{tAccountManage.proName}}]</span>
    </div>
    <form class="form-horizontal">
        <div class="form-group" v-if="!tAccountManage.proName">
            <div class="col-sm-2 control-label"><span class="label label-danger">小区名称&nbsp;*</span></div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.proName" placeholder="小区名称"/>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-2 control-label">所属区域</div>
            <div class="col-sm-10">
                <select v-model="tAccountManage.areaId" class="form-control" name="selArea" id="selArea" @change="getSecondInfo(tAccountManage.areaId)"  value-key="id">
                    <option value="">选择区域</option>
                    <option :value="list.areaId" v-for="(list,index) in areaInfo" :key="index">{{ list.areaName }}
                    </option>
                </select>

            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">管理所</div>
            <div class="col-sm-10">
                <select v-model="tAccountManage.unitWId" class="form-control" name="selUnit" id="selUnit">
                    <option value="">选择所</option>
                    <option :value="list.unitId" v-for="(list,index) in unitInfo" :key="index">{{ list.unitName }}
                    </option>
                </select>
            </div>
        </div>
        <!--
        <div class="form-group">
            <div class="col-sm-2 control-label">区域ID</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.unitGId" placeholder="隶属区域ID"/>
            </div>
        </div>
        -->
        <div class="form-group">
            <div class="col-sm-2 control-label">采集方式</div>
            <div class="col-sm-10">
                <select v-model="tAccountManage.modeId" class="form-control" name="selMode" id="selMode">
                    <option value="">选择方式</option>
                    <option :value="list.modeId" v-for="(list,index) in modeInfo" :key="index">{{ list.modeName }}
                    </option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">开工时间</div>
            <div class="col-sm-10">
                <div class='input-group date' >
                    <input type="text" id='datetimepicker1' class="form-control" v-model="tAccountManage.debugerPhone" placeholder="开工时间"/>
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">竣工时间</div>
            <div class="col-sm-10">
                <div class='input-group date'>
                    <input id='datetimepicker2' type="text" class="form-control" v-model="tAccountManage.installerName" placeholder="竣工时间"/>
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">是否竣工</div>
            <div class="col-sm-10">
                <label class="radio-inline">
                    <input type="radio" name="status" value="已竣工" v-model="tAccountManage.installerPhone"/> 已竣工
                </label>
                <label class="radio-inline">
                    <input type="radio" name="status" value="未竣工" v-model="tAccountManage.installerPhone"/> 未竣工
                </label>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">项目经理</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.debugerName" placeholder="项目经理"/>
            </div>
        </div>
        <!--
                <div class="form-group">
                    <div class="col-sm-2 control-label">横坐标</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" v-model="tAccountManage.mapX" placeholder="小区横坐标"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-2 control-label">纵坐标</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" v-modelccountManage.mapY" placeholder="小区纵坐标"/>
                    </div>
                </div>

-->
                <div class="form-group">
                    <div class="col-sm-2 control-label"><span class="label label-danger">小区类型&nbsp;*</span></div>
                    <div class="col-sm-10">
                        <select v-model="tAccountManage.proTypeId" class="form-control" name="selProType" id="selProTypeAdd">
                            <option value="">选择小区类型</option>
                            <option value="0">水表</option>
                            <option value="1">煤气表</option>
                            <option value="2">水表和煤气表</option>
                        </select>
                    </div>
                </div>

<!--
        <div class="form-group">
            <div class="col-sm-2 control-label">备注1</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.memo1" placeholder="备注1"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">备注2</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.memo2" placeholder="备注2"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">备注3</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.memo3" placeholder="备注3"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">备注4</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.memo4" placeholder="备注4"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">memo5</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.memo5" placeholder="memo5"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">memo6</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.memo6" placeholder="memo6"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">memo7</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.memo7" placeholder="memo7"/>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-2 control-label">beforedate</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.beforedate" placeholder="beforedate"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">afterdate</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.afterdate" placeholder="afterdate"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">beforedata</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.beforedata" placeholder="beforedata"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">afterdata</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.afterdata" placeholder="afterdata"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">beforetotaldata</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.beforetotaldata"
                       placeholder="beforetotaldata"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">aftertotaldata</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.aftertotaldata"
                       placeholder="aftertotaldata"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">故障数</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.faultcount" placeholder="故障数"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">异常数</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.abnormal" placeholder="异常数"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">nowDate</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.nowDate" placeholder="nowDate"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">数量</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.sCount" placeholder="数量"/>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-2 control-label">mapWaiwang</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.mapWaiwang" placeholder="mapWaiwang"/>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-2 control-label">updatepardate</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.updatepardate"
                       placeholder="updatepardate"/>
            </div>
        </div>
        -->
        <div class="form-group">
            <div class="col-sm-2 control-label">设备数量</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.deviceCount" placeholder="设备数量"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">表总数</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.scount" placeholder="表总数"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">保洁表数</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.cleanCount" placeholder="保洁表数"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">网点表数</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.salesCount" placeholder="网点表数"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">小区说明</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="tAccountManage.proDesc" placeholder="小区说明"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label"></div>
            <input type="button" class="btn btn-primary" id="btnSaveOrUpdate" data-loading-text="保存中..."
                   @click="saveOrUpdate" value="确定"/>
            &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
        </div>
    </form>
</div>

<div id="infoLayer" style="display: none;padding:10px;">
    <div class="tabbable"> <!-- Only required for left/right tabs -->
        <ul id="myTab" class="nav nav-tabs">
            <li class="active"><a href="#tab1" data-toggle="tab">小区主要信息</a></li>
            <li><a href="#tab4" data-toggle="tab">设备数量信息</a></li>
            <li><a href="#tab2" data-toggle="tab">工程相关信息</a></li>
            <li><a href="#tab3" data-toggle="tab">采集数据信息</a></li>
            <li><a href="#tab5" data-toggle="tab">位置图纸信息</a></li>
            <li><a href="#tab6" data-toggle="tab">小区图纸管理</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="tab1">
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-2 control-label">所属区域</div>
                        <div class="col-sm-10">
                            <select v-model="tAccountManage.areaId" class="form-control" name="selArea1" id="selArea1" @change="getSecondInfo(tAccountManage.areaId)"  value-key="id">
                                <option value="">选择区域</option>
                                <option :value="list.areaId" v-for="(list,index) in areaInfo" :key="index">{{ list.areaName }}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">管理所</div>
                        <div class="col-sm-10">
                            <select v-model="tAccountManage.unitWId" class="form-control" name="selUnit2" id="selUnit2">
                                <option value="">选择所</option>
                                <option :value="list.unitId" v-for="(list,index) in unitInfo" :key="index">{{ list.unitName }}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">小区类型*</div>
                        <div class="col-sm-10">
                            <select v-model="tAccountManage.proTypeId" class="form-control" name="selProType" id="selProType">
                                <option value="">选择小区类型</option>
                                <option value="0">水表</option>
                                <option value="1">煤气表</option>
                                <option value="2">水表和煤气表</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-2 control-label">采集方式</div>
                        <div class="col-sm-10">
                            <select v-model="tAccountManage.modeId" class="form-control" name="selMode3" id="selMode3">
                                <option value="">选择方式</option>
                                <option :value="list.modeId" v-for="(list,index) in modeInfo" :key="index">{{ list.modeName }}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">开工时间</div>
                        <div class="col-sm-10">
                            <div class='input-group date'>
                                <input id='datetimepicker3' type="text" class="form-control" v-model="tAccountManage.debugerPhone" placeholder="开工时间"/>
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">竣工时间</div>
                        <div class="col-sm-10">
                            <div class='input-group date'>
                                <input id='datetimepicker4' type="text" class="form-control" v-model="tAccountManage.installerName" placeholder="竣工时间"/>
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">是否竣工</div>
                        <div class="col-sm-10">
                            <label class="radio-inline">
                                <input type="radio" name="status" value="已竣工" v-model="tAccountManage.installerPhone"/> 已竣工
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="status" value="未竣工" v-model="tAccountManage.installerPhone"/> 未竣工
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">项目经理</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.debugerName" placeholder="项目经理"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-2 control-label">小区说明</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.proDesc" placeholder="小区说明"/>
                        </div>
                    </div>
                </form>
            </div>
            <div class="tab-pane" id="tab4">
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-2 control-label">设备数量</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.deviceCount" placeholder="设备数量"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">表数量</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.scount" placeholder="表数量"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">保洁表数</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.cleanCount" placeholder="保洁表数"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">网点表数</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.salesCount" placeholder="网点表数"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">故障数</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.faultcount"
                                   placeholder="故障数"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">异常数</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.abnormal"
                                   placeholder="异常数"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">系统类型</div>
                        <div class="col-sm-10">
                            <select v-model="tAccountManage.desc14" class="form-control" name="selSystemMode" id="selSystemMode">
                                <option value="">选择系统类型</option>
                                <option :value="list.code" v-for="(list,index) in meterSystemModeInfo" :key="index">{{ list.value }}
                                </option>
                            </select>
                        </div>
                    </div>
                </form>
            </div>
            <div class="tab-pane" id="tab2">
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-2 control-label">分期分段</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.desc1" placeholder="分期分段"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">楼号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.desc2" placeholder="楼号"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">合同签订时间</div>
                        <div class="col-sm-10">
                            <div class='input-group date'>
                                <input id='datetimepicker5' type="text" class="form-control" v-model="tAccountManage.desc3" placeholder="合同签订时间"/>
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">验收时间</div>
                        <div class="col-sm-10">
                            <div class='input-group date'>
                                <input id='datetimepicker6' type="text" class="form-control" v-model="tAccountManage.desc4" placeholder="验收时间"/>
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">水表类型</div>
                        <div class="col-sm-10">
                            <select v-model="tAccountManage.desc13" class="form-control" name="selDeviceMode" id="selDeviceMode">
                                <option value="">选择水表类型</option>
                                <option :value="list.code" v-for="(list,index) in meterTypeInfo" :key="index">{{ list.value }}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">水表品牌</div>
                        <div class="col-sm-10">
                            <select v-model="tAccountManage.desc5" class="form-control" name="selBrand" id="selBrand">
                                <option value="">选择水表品牌</option>
                                <option :value="list.code" v-for="(list,index) in meterBrandInfo" :key="index">{{ list.value }}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">表拿子</div>
                        <div class="col-sm-10">
                            <select v-model="tAccountManage.desc6" class="form-control" name="selRope" id="selRope">
                                <option value="">选择表拿子</option>
                                <option :value="list.code" v-for="(list,index) in meterRopeInfo" :key="index">{{ list.value }}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">减压阀</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.desc7" placeholder="减压阀"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">阀门</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.desc8" placeholder="阀门"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">合格证日期</div>
                        <div class="col-sm-10">
                            <div class='input-group date'>
                                <input id='datetimepicker7' type="text" class="form-control" v-model="tAccountManage.desc9" placeholder="合格证日期"/>
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">安装位置</div>
                        <div class="col-sm-10">
                            <select v-model="tAccountManage.desc10" class="form-control" name="selFixedAddr" id="selFixedAddr">
                                <option value="">选择安装位置</option>
                                <option :value="list.code" v-for="(list,index) in meterFixedAddr" :key="index">{{ list.value }}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">系统改造时间</div>
                        <div class="col-sm-10">
                            <div class='input-group date'>
                                <input id='datetimepicker8' type="text" class="form-control" v-model="tAccountManage.desc11" placeholder="系统改造时间"/>
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">改造记录</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.desc12" placeholder="改造记录"/>
                        </div>
                    </div>
                </form>
            </div>
            <div class="tab-pane" id="tab3">
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-2 control-label">之前日期</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.beforedate"
                                   placeholder="之前日期"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">之前数</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.beforedata"
                                   placeholder="之前数"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">之前总数</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.beforetotaldata"
                                   placeholder="之前总数"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">之后日期</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.afterdate"
                                   placeholder="之后日期"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">之后数</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.afterdata"
                                   placeholder="之后数"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-2 control-label">之后总数</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.aftertotaldata"
                                   placeholder="之后总数"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">采集日期</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.nowDate"
                                   placeholder="采集日期"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">更新日期</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.updatepardate"
                                   placeholder="更新日期"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">备注1</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.memo1" placeholder="备注1"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">备注2</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.memo2" placeholder="备注2"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">备注3</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.memo3" placeholder="备注3"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">备注4</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.memo4" placeholder="备注4"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">备注5</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.memo5" placeholder="备注5"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">备注6</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.memo6" placeholder="备注6"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">备注7</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.memo7" placeholder="备注7"/>
                        </div>
                    </div>
                </form>
            </div>
            <div class="tab-pane" id="tab5">
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-2 control-label">横坐标</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.mapX" placeholder="小区横坐标"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">纵坐标</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.mapY" placeholder="小区纵坐标"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">图纸</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tAccountManage.mapWaiwang"
                                   placeholder="图纸"/>
                        </div>
                    </div>
                </form>
            </div>
            <div class="tab-pane" id="tab6">
                <form class="form-inline" style="padding-top:15px;">
                    <div class="form-group">
                        <label for="uploadmap">点击上传图纸</label>
                    </div>
                    <div class="form-group">
                        <input type="file" id="uploadmap">
                    </div>
                    <div class="form-group">
                        <p class="btn btn-primary" v-show="(!(tAccountManage.desc20==null)&&!(tAccountManage.desc20==''))" @click="downloadmap">图纸已经上传，点击下载！</p>
                    </div>
                    <div class="form-group">
                        <a class="btn btn-primary" v-show="(!(tAccountManage.desc20==null)&&!(tAccountManage.desc20==''))" :href="['/water/mapfile/' + mappath]" target="_blank">图纸路径</a>
                    </div>

                </form>
                <div class="panel-body" v-show="(!(tAccountManage.desc20==null)&&!(tAccountManage.desc20==''))">
                    <img :src="['/water/mapfile/' + mappath]" class="img-responsive" style="width: 100%;">
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">导入进度</h4>
            </div>
            <div class="modal-body">
                <span class="label">&nbsp;</span>
                <div class="progress" style="height: 30px;">
                    <div id="probar" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0"
                         aria-valuemax="100" style="width:0%;padding-top: 5px;">
                        <span style="font-size: 30px;">{{progressbar}}</span>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <a class="btn btn-danger" v-show="progressbar>0">
                    <i class="fa fa-forward"></i>&nbsp;导入数量&nbsp;&nbsp;<span class="badge">{{progressbar}}</span></a>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>

</div>


<script src="${request.contextPath}/statics/js/modules/water/taccountmanage.js?_${.now?long}"></script>
</body>
</html>